<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>21点游戏</title>
<link href="css/bootstrap3.css" rel="stylesheet"/>
<link href="css/poke.css" rel="stylesheet">
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/bootstrap3.js" type="text/javascript"></script>
<script src="js/Card.js" type="text/javascript"></script>
<script src="js/Poke.js" type="text/javascript"></script>
<script src="js/User.js" type="text/javascript"></script>
<script src="js/Game.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
	
	Game.start();
	
	$("#add").click(function(){
		Game.userAddCard();
	});
	
	$("#start").click(function(){
		Game.start();
	});
	
	$("#count").click(function(){
		Game.showCards();
	})
	
	$("#end").click(function(){
		Game.end();
	})
})
</script>
</head>
<body>

<div class="jumbotron">
	
	<div class="container">
<!-- 		<div class="row"> -->
<!-- 			<div id="untreated"></div> -->
<!-- 		</div> -->
		<div class="row main">
			<div class="col-md-6">
				<h1>电脑</h1>
				<div id="computer">
				
				</div>
			</div>
			<div class="col-md-6">
				<h1>玩家</h1>
				<div id="user">
<!-- 					<img alt="" src="images/backSide.png"> -->
				</div>
			</div>
		</div>
		<div class="row actions">
			<button id="start" class="btn btn-primary">开始游戏</button>
			<button id="add" class="btn btn-info">发牌</button>
			<button id="count" class="btn btn-success">开牌</button>
			<button id="end" class="btn btn-warning">结束游戏</button>
			<div id="result"></div>
		</div>
		
	</div>
</div>

</body>
</html>